<template>
	<view class="order">
		<!-- <view v-if="hasLogin"> -->
		<!-- 导航 -->
		<!-- <u-navbar back-icon-color="#000000" :title="titleName" title-color="#3F3F3F" :title-bold="true" :background="background"></u-navbar> -->
		<u-navbar :back-text="titleName" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- end -->
		<!-- <view class="up">
			<view class="heng"></view>
			<u-tabs :list="list" active-color="#FCA800" inactive-color="#000000" height="85" font-size="34rpx" bar-width="110"
			 :is-scroll="false" :current="current" @change="change"></u-tabs>
		</view> -->
		<mescroll-body top="0" :down="downOption" :height="comHeight" :up="upOption" ref="mescrollRef" @init="mescrollInit" @down="downCallback">
			<view>
				<!-- 非她莫属 -->
				<view class="fei" @click="jumpToMatching()" style="background-color: #FFFFFF;">
					<image src="../../static/gx_img/sjlb_title.png" style="height: 170rpx;"></image>
				</view>
				<view v-if="current == 0">
					<!-- 家政人员 -->
					<view v-if="!isShow">
						<view class="oderList" v-for="(item, index) in serviceList" :data-id="item.employeeId" :key="index">
							<view style="display: flex;align-items: center;">
								<image :src="item.entPortrait" mode="" style="width: 36rpx;height: 36rpx;margin-left: 10rpx;"></image>
								<view class="componey">{{ item.enterpriseName }}</view>
							</view>
							<view class="line"></view>
							<view class="allorder">
								<view class="orders">
									<image :src="item.portrait" mode="" class="order_img"></image>
									<view class="person">
										<view class="fenshu">
											<view class="usern">{{ item.name }}</view>
											<view class="rates">{{ item.score }}分</view>
											<!-- 	<view>
												<u-rate active-color="#F29423" :current="item.score" :disabled="true"></u-rate>
											</view> -->
										</view>
										<view class="style">
											<text>{{ item.age }}岁</text>
											<text class="pad">{{ item.nativePlace }}人</text>
											<text class="pad">服务{{ item.workExperience }}年</text>
											<text class="pad">{{ FormData(item.education) }}学历</text>
										</view>
										<view class="xiadan">
											<view class="hour">
												{{ item.price == null ? 0 : item.price }}{{ item.unit == null ? '元/小时' : item.unit }}
												<!-- {{ item.price}}{{item.unit }} -->
											</view>
											<view class="anniu" @click="submit(item)">立即下单</view>
										</view>
									</view>
								</view>
							</view>
						</view>
						<view style="margin-top: 50rpx;">
							<u-divider color="#DEDEDE" half-width="120" border-color="#DEDEDE">{{ prompt }}</u-divider>
						</view>
					</view>

					<view v-if="isShow" style="margin-top: 100rpx;text-align: center;">
						<image src="../../static/img/1-35.png" style="width: 450rpx;height: 450rpx;"></image>
						<view class="typeface1">暂无数据</view>
					</view>
				</view>

				<!--商家列表  -->
				<view v-if="current == 1" style="width: 95%;margin: auto;">
					<view class="unit" v-for="(ites, indes) in shops" :key="indes">
						<view style="width: 95%;margin: auto;display: flex;">
							<view style="width:25% ;" ><image class="" style="width: 146rpx;height: 132rpx;" :src="ites.portrait" mode="aspectFill"></image></view>
							<view @click="shopDetails(ites.enterpriseId, ites.name)" style="width:75%;margin-top: -7rpx;">
								<view style="display: flex;align-items: center;justify-content: space-between;">
									<view style="color: #3F3F3F;font-size: 30rpx;font-weight: 800;">{{ ites.name }}</view>
									<view style="color: #FF4117;width:86rpx ;text-align: center; font-size: 26rpx;background-color: #FFEFEB;border-radius: 15rpx;">
										{{ ites.score }}分
									</view>
								</view>

								<view style="display: flex;align-items: center;justify-content: space-between; margin: 10rpx 0rpx 15rpx 0rpx;">
									<view style="display: flex;align-items: center;">
										<image style="width:28rpx ;height: 26rpx;margin: 0rpx 10rpx 0rpx 0rpx;" src="../../static/gx_img/sjlist_2.png"></image>
										<view style="color: #000000;font-size: 26rpx;">已服务{{ ites.serverNum || '0' }}次</view>
									</view>
									<view v-if="ites.isActivity == 1" style="font-size: 30rpx;color: #FF2E00;">券后￥{{ ites.univalence }}起</view>
									<view v-if="ites.isActivity == 0" style="font-size: 30rpx;color: #FF2E00;">￥{{ ites.univalence }}{{ ites.univalenceUnit }}</view>
								</view>
								<view v-if="ites.isActivity == 0" style="overflow: hidden;">
									<view
										@tap.stop="shopDetails(ites.enterpriseId, ites.name)"
										style="float: right; color:#FF2E00;line-height: 50rpx; font-size: 26rpx;width: 134rpx;height: 50rpx;color: #F83A0F;
										border: 1px solid #F83A0F;text-align: center;border-radius: 8rpx;"
									>
										立即下单
									</view>
								</view>

								<view v-if="ites.isActivity == 1" style="display: flex;width: 100%;justify-content: space-between;">
									<view @tap.stop="showImg(businessId, ites.enterpriseId,ites.name)" style="display: flex;font-size: 20rpx;width: 280rpx;border-radius: 10rpx;border: 1rpx solid #FF4B34;">
										<view style="text-align: center; width: 196rpx;height: 50rpx;background: #FF4B34;color: white;font-size: 20rpx;line-height: 50rpx;">
											百亿补贴家电清洗季
										</view>
										<view style="width: 84rpx;height: 40rpx;color:#FF3D00 ;text-align: center;line-height: 50rpx;">领券</view>
									</view>

									<view
									
										@tap.stop="showImg(businessId, ites.enterpriseId,ites.name)"
										style="line-height: 50rpx; font-size: 26rpx;width: 134rpx;height: 50rpx;color: white;
border: 1px solid #F83A0F;text-align: center;background: linear-gradient(171deg, #F8840F 0%, #FF2E00 100%);border-radius: 8rpx;"
									>
										领券下单
									</view>
									
								</view>
							</view>
						</view>
						<view style="width: 95%;margin: auto;" v-for="(itt, ind) in ites.packageBisPageVOS" :key="ind">
							<view class="unit2">
								<view class="sales" :class="ind > 0 ? 'sa_bottoms' : ''" style="">
									<view style="display: flex;width: 100%;">
										<image src="../../static/icon/nears.png" mode="" style="width: 26rpx;height: 26rpx;margin-top: 10rpx;"></image>
										<view style="width: 100%;margin: auto;">
											<view class="hour" style="padding-left: 32rpx;">
												<view style="color: #F29423;font-size: 32rpx;font-weight: bold;">￥{{ itt.unitPrice }}</view>
												<view
													style="font-size: 30rpx;color: #9393AA;margin-left: 40rpx;overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;width: 400rpx;color: #000000;"
												>
													{{ itt.name }}
												</view>
												<!-- <view class="tao">套餐</view> -->
											</view>

											<view class="money">
												<view class="sale" style="padding-left: 12rpx;">
													<view class="prices">门市价：</view>
													<view class="prices">￥{{ itt.showPrice }}</view>
												</view>
												<view class="over" style="text-align: right;">已售{{ itt.totalSale }}</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>

						<!-- <view style="width: 100%;height:10rpx ; background-color: #F8F8F8;margin-top: 20rpx;"></view> -->
					</view>
					<!-- <view class="unit" v-for="(ites,indes) in shops" :key="indes" @click="shopDetails(ites.enterpriseId)">
						<view class="unit1">
							<image :src="ites.portrait" mode="" class="img"></image>
							<view class="shops">
								<view class="all">
									<view class="nam">
										{{ites.name}}
									</view>
									<view class="year">
										{{ites.yearNum ||'0'}}年行业经验
									</view>
								</view>
								<view style="margin-top: 6rpx;">
									<u-rate :count="count" v-bind:value.sync="ites.score" :disabled="true" active-color="#F29423"></u-rate>
									<text style="font-size: 22rpx;color: #F29423;padding-left: 10rpx;">{{ites.score}}</text>
								</view>
								<view class="bott">
									<view class="service">
										<image src="https://beedao.oss-cn-beijing.aliyuncs.com/1c46a3d2714b4edca4cbdc968f05aca5.png" mode=""></image>
										<view>
											已服务{{ites.serverNum}}次
										</view>
									</view>
								</view>
							</view>
						</view>
						<view v-for="(itt,ind) in ites.packageBisPageVOS" :key="ind">
							<view class="unit2">
								<view class="white">
					
								</view>
								<view class="sales">
									<view class="hours">
										{{itt.name}}
										<text>
											套餐
										</text>
									</view>
									<view class="money">
										<view class="sale">
											<view class="price">
												￥{{itt.unitPrice}}
											</view>
											<view class="prices">
												￥{{itt.showPrice}}
											</view>
										</view>
										<view class="over">
											已售{{itt.totalSale}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view> -->
					<view style="margin-top: 50rpx;" v-if="!showList">
						<u-divider color="#DEDEDE" half-width="120" border-color="#DEDEDE">{{ prompts }}</u-divider>
					</view>
					<!-- <view style="margin-top: 100rpx;text-align: center;" v-if="current == 1">
						<image src="../../static/img/1-37.png" style="width: 450rpx;height: 450rpx;"></image>
						<view class="typeface1">程序员小哥，正在努力开发中。敬请期待！</view>
					</view> -->
				</view>
			</view>
		</mescroll-body>
		<u-popup v-model="quan" mode="bottom">
			<view style="width: 100%;margin: auto;">
				<view style="width: 92%;margin: auto;">
					<view style="display: flex;align-items: center;justify-content: space-between;line-height: 70rpx;">
						<view style="color: #FF3D00;font-size: 30rpx;">领券下单</view>
						<image @click="is_quan()" style="width: 42rpx;height: 42rpx;" src="../../static/imgs/quxiao.png"></image>
					</view>
					<scroll-view scroll-y="true" style="height: 430rpx;width: 100%;">
						<view
							v-for="(item, index) in yuqlist"
							:key="index"
							style="width: 100%;
border: 1px solid #FF5100;border-radius: 30rpx;margin-bottom: 20rpx;"
						>
							<view
								style="width: 158rpx;border: 1px solid #FF5100;border-top: none;
height: 58rpx;font-size: 26rpx;color: #FFFFFF;line-height: 58rpx;text-align: center;
background: linear-gradient(174deg, #FEAE24 0%, #FF2C00 100%); border-radius: 20rpx 0px 20rpx 0px;"
							>
								家电清洗季
							</view>
							<view style="display: flex;width: 95%;margin: auto;border-bottom:1upx dotted  #E4E4E4;padding-bottom: 15rpx;">
								<view style="width:65%;">
									<view style="font-size: 34rpx;color: #000000;margin-top:30rpx ;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;">{{ item.fmtName }}</view>
									<view style="font-size: 26rpx;color: #FE4A25;margin-top: 15rpx;">
										<text>{{ item.endDatetime }}</text>
										<text style="margin-left: 10rpx;">到期</text>
									</view>
								</view>
								<view  style="color: #FE4A25;width: 35%;line-height: 60rpx;text-align: center;" v-if="item.counponsType == 0">
									<view>
										<!-- <text style="font-size: 34rpx;">{{item.fmtDiscountStr}}</text> -->
										<text style="font-size: 60rpx;font-weight: bold;">￥{{ item.price }}</text>
									</view>
									<view style="20rpx">满{{ item.limitation }}元可用</view>
								</view>
								<view  style="color: #FE4A25;width: 35%;line-height: 60rpx;text-align: center;" v-else>
									<view>
										<text style="font-size: 60rpx;font-weight: bold;">{{item.fmtDiscountStr}}</text>
									</view>
									<view style="20rpx">无门槛使用</view>
								</view>
								
								<!-- <view style="width: 10%;text-align: right;">
									<label @click="radioChange(item.couponsId)" style="font-size:28upx;text-align: center;">
									
										<radio :checked="xuanzhong.indexOf(item.couponsId) != -1" style="transform: scale(0.7);" color="#FE4A25" value="r" />
									</label>
								</view> -->
							</view>
							<view style="width: 95%;margin: auto;color: #FE4A25;font-size: 20rpx;line-height: 60rpx;">
							{{  '#仅限'+ item.activityName+'活动商家使用#'}}
							</view>
						</view>
					</scroll-view>
					<view 
						@click="lingqu()"
						style="width: 90%;margin:40rpx auto;height: 84rpx;
background: linear-gradient(154deg, #FFBB00 23%, #FF2E00 100%);
box-shadow: 0px 3px 20px rgba(252, 126, 0, 0.16);text-align: center;color: white;font-size: 42rpx;
border-radius: 62rpx;line-height: 84rpx;"
					>
						一键领取
					</view>
					
				</view>
			</view>
		</u-popup>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			xuanzhong: [],//选中的所有优惠券
			quan: false,
			is_enterpriseId:'',//点击领取传的参数2
			is_name:'',
			background: {
				backgroundColor: '#fca800'
			},
			show: true,
			list: [
				{
					name: '家政人员'
				},
				{
					name: '商家列表'
				}
			],
			current: 1,
			serviceList: [],
			customStyle: {
				color: '#FFFFFF',
				background: '#FABC90'
			},

			titleName: null, //标题名
			redirectId: null, //分类ID
			chargeTyape: null, //1按小时；2按面积；3按内容；4按月
			isShow: false,
			pageSize: 10,
			page: 1,
			siteName: null, //城市
			employeesList: [],
			prompt: '没有更多了',

			// 下拉刷新配置
			downOption: {
				use: false,
				auto: true,
				offset: 40
			},
			upOption: {
				use: true,
				auto: false
			},
			mescroll: null,
			shops: [],
			count: 5,
			showList: false,
			totalPage: 1,
			prompts: '没有更多了',
			comHeight: 0,
			yuqlist: [
				
			]
		};
	},
	onLoad(option) {
		var that = this;
		var menuButtonInfo = uni.getMenuButtonBoundingClientRect();
		const { top, width, height, right } = menuButtonInfo;
		uni.getSystemInfo({
			success: res => {
				const { statusBarHeight } = res;
				const margin = top - statusBarHeight;
				var navHeight = height + statusBarHeight + margin * 4;
				that.comHeight = res.windowHeight - navHeight - 46 + 'px';
			}
		});
		that.titleName = option.titleName; //标题名称
		that.redirectId = option.redirectId; //业务ID
		that.chargeType = option.chargeType; //跳转类型
		that.businessId = option.redirectId; //businessId
		if (that.chargeType == 3) {
			// console.log('家电清洗 按规格  点击下单 调取规格接口');
		}
		uni.getStorage({
			//获取选中城市
			key: 'siteName',
			success: res => {
				that.siteName = res.data;
				
				//调用阿姨列表
				that.page = 1;
				that.employeesList = [];
				that.shops = [];
				that.prompt = '加载中....';
				that.prompts = '加载中....';
				// that.getHousekeeper();
				that.getShops();
			},
			fail: resd => {
				//调用阿姨列表
				that.page = 1;
				that.employeesList = [];
				that.shops = [];
				that.prompt = '加载中....';
				that.prompts = '加载中....';
				// that.getHousekeeper();
				that.getShops();
			}
		});
	},
	filters: {},
	onReachBottom() {
		if (!this.isShow) {
			this.page += 1;
			this.getHousekeeper();
		} else if (this.totalPage == this.page) {
			return false;
		} else {
			this.page += 1;
			this.getShop();
		}
	},
	methods: {
		radioChange(e) {
			if (this.xuanzhong.indexOf(e) == -1) {
				this.xuanzhong.push(e);
			} else {
				var index = this.xuanzhong.indexOf(e);
				this.xuanzhong.splice(index, 1);
			}
		},
		shou_ylq(){
			this.$refs.uToast.show({
				title: '已领取',
				type: 'success'
			});
		},
		//一键领取
		lingqu() {
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'coupon/receive/entCouponIds'
			};
			let data = {
				entCouponIds: this.xuanzhong.join(",")
			};
			this.http.httpTokenRequest(opts, data).then(res => {
				//打印请求返回的数据

				if (res.code == '200') {
					this.$refs.uToast.show({
						title: '领取成功',
						type: 'success'
					});
					setTimeout(() => {
						this.shopDetails(this.is_enterpriseId,this.is_name);
					}, 1000);
					
					
				} else {
					this.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
			this.quan = false;
		},

		// 获取优惠券列表
		showImg(businessId, enterpriseId,name) {
			this.is_enterpriseId=enterpriseId
			this.is_name=name
			this.xuanzhong=[];
			this.quan = true;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'enterprise/getEntCouponsPage'
			};
			let data = {
				businessId: businessId,
				enterpriseId: enterpriseId
			};
			this.http.httpTokenRequest(opts, data).then(res => {
				//打印请求返回的数据

				if (res.code == '200') {
					this.yuqlist = res.data;
					
					this.yuqlist.forEach(item => {
					this.xuanzhong.push(item.couponsId);
					});
				
					
					
				} else {
					this.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
		},
		is_quan() {
			this.quan = false;
		},
		FormData(data) {
			switch (data) {
				case 1:
					return '小学';
				case 2:
					return '初中';
				case 3:
					return '高中';
				case 4:
					return '大专';
				case 5:
					return '本科';
				case 6:
					return '研究生';
				default:
					return;
			}
		},
		mescrollInit(mescroll) {
			this.mescroll = mescroll;
		},
		// 下拉刷新回调函数
		downCallback() {
			setTimeout(() => {
				this.mescroll.endSuccess();
				this.page = 1;
				this.shops = [];
				this.prompts = '加载中....';
				this.getShops();
			}, 2000);
		},
		//获取家政人员
		getHousekeeper: function() {
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'employee/list'
			};
			uni.showLoading({
				title: '加载中',
				mask: true
			});
			if(typeof(this.siteName) !== "string"){
				this.siteName="郑州"
			}
			let data = {
				pageIndex: this.page,
				pageSize: this.pageSize,
				city:this.siteName == "" || !this.siteName?'郑州':this.siteName,
				businessId: this.redirectId
			};
			this.http.httpTokenRequest(opts, data).then(res => {
				//打印请求返回的数据
				uni.hideLoading();
				if (res.code == '200') {
					if (res.data.records.length > 0 || this.page != 1) {
						this.isShow = false;
						if (res.data.current * res.data.size < res.data.total) {
							for (const key in res.data.records) {
								this.serviceList.push(res.data.records[key]);
							}
							this.prompt = '加载中....';
						} else {
							for (const key in res.data.records) {
								this.serviceList.push(res.data.records[key]);
							}
							this.prompt = '没有更多了';
						}
					} else {
						this.isShow = true;
					}
				} else {
					this.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
		},
		// 获取商家列表
		getShops() {
			var _this = this;
			let opts = {
				way: true, //true JSON请求；false 表单请求
				method: 'post',
				url: 'enterprise/byBusinessPage'
			};
			if(typeof(_this.siteName) !== "string"){
				_this.siteName="郑州"
			}
			let data = {
				businessId: _this.businessId,
				page: _this.page,
				city:_this.siteName == "" || !_this.siteName?'郑州':_this.siteName,
				pageSize: _this.pageSize
			};
			_this.http.httpTokenRequest(opts, data).then(res => {
				// uni.hideLoading();
				if (res.code == 200) {
					_this.totalPage = res.data.pages;
					if (res.data.records.length > 0 || _this.page != 1) {
						_this.showList = false;
						if (res.data.current * res.data.size < res.data.total) {
							for (const key in res.data.records) {
								_this.shops.push(res.data.records[key]);
							}
							_this.prompts = '加载中....';
						} else {
							for (const key in res.data.records) {
								_this.shops.push(res.data.records[key]);
							}
							_this.prompts = '没有更多了';
						}
					} else {
						_this.showList = true;
						_this.shops = [];
					}
				} else {
					_this.$refs.uToast.show({
						title: res.message,
						type: 'error'
					});
				}
			});
		},
		change(index) {
			this.current = index;
		},
		showTab() {
			var _this = this;
			_this.show = !_this.show;
		},
		//跳转速配
		jumpToMatching() {
			uni.navigateTo({
				url: '/pageageA/service/online_order?chargeType=' + this.chargeType + '&businessId=' + this.businessId + '&titleName=' + this.titleName
			});
		},
		submit(item) {
			uni.navigateTo({
				url: './online_order?employeeId=' + item.employeeId + '&businessId=' + this.redirectId + '&price=' + item.price + '&chargeType=' + this.chargeType
			});
		},
		shopDetails(enterpriseId, name) {
			uni.navigateTo({
				// url:'../home/shopDetails/shopDetails?enterpriseId='+enterpriseId
				url:
					'./online_order2?enterpriseId=' +
					enterpriseId +
					'&chargeType=' +
					this.chargeType +
					'&businessId=' +
					this.businessId +
					'&supId=0' +
					'&titleName=' +
					this.titleName +
					'&name=' +
					name
			});
		}
	}
};
</script>

<style scoped lang="scss">
/* 未登录状态 */
.nologin {
	width: 100%;
}

.nologin image {
	width: 500rpx;
	display: block;
	margin: 0 auto;
	margin-top: 178rpx;
}

.nologin view {
	font-size: 28rpx;
	color: #333;
	text-align: center;
	margin-top: 25rpx;
}

.nologin navigator {
	width: 412rpx;
	height: 90rpx;
	// background-color: $uni-color1;
	line-height: 90rpx;
	color: #fff;
	font-size: 36rpx;
	text-align: center;
	border-radius: 45rpx;
	margin: 0 auto;
	margin-top: 100rpx;
}

.up {
	position: fixed;
	z-index: 999;
	width: 750rpx;
	background-color: #ffffff;
}

.heng {
	width: 0px;
	height: 40rpx;
	border-right: 2rpx solid #3f3f3f;
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 27.5%;
}

.fei {
	padding-left: 22rpx;
	padding-top: 5rpx;
}

.fei image {
	width: 708rpx;
	height: 160rpx;
}

.oderList {
	margin: 0rpx 32rpx 32rpx 32rpx;
	// box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.componey {
	padding: 12rpx 0 8rpx 14rpx;
}

.shop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	// padding: 12rpx 26rpx 14rpx 32rpx;
	height: 64rpx;
}

.line {
	border: 2rpx solid #f5f5f5;
}

.allorder {
	padding: 6rpx 20rpx 12rpx 22rpx;
}

.orders {
	display: flex;
}

.orders .order_img {
	width: 140rpx;
	height: 196rpx;
	padding-top: 15rpx;
}

.person {
	width: 76%;
	padding-left: 48rpx;
}

.usern {
	font-size: 32rpx;
	color: #656565;
	font-weight: 500;
}

.fenshu {
	display: flex;
	align-items: center;
	padding-top: 2rpx;
}

.rates {
	color: #f29423;
	font-size: 26rpx;
	margin-left: 24rpx;
	background-color: #fff6eb;
	padding: 2rpx 10rpx;
	border-radius: 20rpx;
}

.style {
	padding-top: 12rpx;
	font-size: 26rpx;
	color: #3f3f3f;
	font-weight: 500;
}

.pad {
	padding-left: 18rpx;
}

.hour {
	font-size: 26rpx;
	color: #9393aa;
	display: flex;
	align-items: center;
}

.xiadan {
	// width: 484rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20rpx;
}

.anniu {
	margin-top: 40rpx;
	width: 152rpx;
	height: 58rpx;
	background: #fca800;
	opacity: 1;
	border-radius: 30rpx;
	text-align: center;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	line-height: 58rpx;
	color: #ffffff;
	opacity: 1;
}

.custom-style {
	color: #fabc90;
}

.oderLists {
	margin: 0rpx 32rpx 32rpx 32rpx;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding: 50rpx 0rpx 46rpx 40rpx;
}

.allorders {
	padding: 6rpx 0rpx 12rpx 0rpx;
}

.beijing {
	width: 196rpx;
	height: 204rpx;
	background: #e4e4e4;
}

.lists {
	padding-left: 22rpx;
}

.top {
	display: flex;
	justify-content: space-between;
}

.userns {
	font-size: 30rpx;
	padding-right: 25rpx;
	color: #656565;
	font-weight: bold;
}

.fenshus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #656565;
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 400;
}

.cishu {
	padding-right: 20rpx;
}
.typeface1 {
	margin-top: 10rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #666666;
	opacity: 1;
}
.unit {
	padding: 20rpx 0rpx 24rpx 0rpx;
	width: 100%;
	margin: auto;
}

.unit1 {
	// display: flex;
	padding-bottom: 24rpx;
	// border-bottom: 1px solid #E8E8F6;
}
.sa_bottoms {
	padding: 26rpx 0rpx 0rpx 0rpx;
	border-top: 2rpx solid #e8e8f6;
}
.unit1 .img {
	width: 122rpx;
	height: 122rpx;
	background: #e4e4e4;
	opacity: 1;
}

.unit1 .shops {
	// margin-left: 18rpx;
}

.shops .all {
	display: flex;
	// justify-content: space-between;
	align-items: center;
}

.shops .all .nam {
	font-size: 30rpx;
	color: #3f3f3f;
	font-weight: 500;
}

.shops .all .year {
	width: 160rpx;
	height: 36rpx;
	background: #fff2d9;
	border: 1px solid #f29423;
	opacity: 1;
	border-radius: 10rpx 0px 10rpx 0px;
	font-size: 22rpx;
	color: #f29423;
	text-align: center;
	margin-left: 20rpx;
}

.bott {
	display: flex;
	justify-content: space-between;
	color: #9393aa;
	font-size: 26rpx;
	margin-top: 14rpx;
}

.service {
	display: flex;
	align-items: center;
}

.service image {
	width: 29rpx;
	height: 27rpx;
}

.service view {
	padding-left: 18rpx;
}

.unit2 {
	// display: flex;
}

.unit2 .white {
	width: 122rpx;
}

.sales {
	// width: 78%;
	// border-bottom: 2rpx solid #E8E8F6;
	padding: 24rpx 0rpx 24rpx 0rpx;
}

.hours {
	font-size: 26rpx;
	color: #9393aa;
}

.hours text {
	color: #f29423;
	font-size: 20rpx;
	border: 1px solid #f29423;
	text-align: center;
	margin-left: 16rpx;
	padding: 0 8rpx;
}

.money {
	display: flex;
	justify-content: space-between;
	margin-top: 4rpx;
}

.money .sale {
	display: flex;
	font-size: 26rpx;
}

.sale .price {
	color: #f29423;
}

.sale .prices {
	text-decoration: line-through;
	color: #ceced1;
	margin-left: 12rpx;
}

.over {
	color: #9393aa;
	font-size: 26rpx;
}
</style>
